<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,address=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="white" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script>
        !function () {
        function 字体处理函数(窗口) {
            function 处理窗口尺寸改变() {
                var 文档元素 = 窗口.document.documentElement;
                var 内宽度 = 文档元素.getBoundingClientRect().width;
                文档元素.style.fontSize = (内宽度 >= 640 ? "40" : 内宽度 <= 320 ? "20" : 内宽度 / 320 * 20) + "px" /* 像素 */;
            }
            窗口.addEventListener("resize", (function () { 处理窗口尺寸改变(); }));
            处理窗口尺寸改变();
        }
        字体处理函数(window);
    }();
    </script>
</head>

<body>
    <div id="app"></div>
</body>

</html>